<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 如果用IE打开的话用最高版本 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 理想化视口 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <!-- 自己写的样式 -->
    <link rel="stylesheet" href="./css/xiecheng.css">
    <!-- 初始化样式 -->
    <link rel="stylesheet" href="./css/normalize.css">
    <title>携程</title>
</head>

<body>
    <!-- 导航栏 -->
    <div class="search-index">
        <div class="search">
            搜索:目的地/酒店/景点/航班号
        </div>
        <a href="javascript:;" class="search-right">
          我的
       </a>
    </div>
    <!-- 轮播图 -->
    <div class="chart">
        <img src="./upload/focus.jpg" alt="">
    </div>
    <!-- 局部导航栏 -->
    <ul class="local-nav">
        <li><a href="javascript:;"><span class="local-icon1"></span><span>景点·玩乐</span></a></li>
        <li><a href="javascript:;"><span class="local-icon2"></span><span>周边游</span></a></li>
        <li><a href="javascript:;"><span class="local-icon3"></span><span>美食林</span></a></li>
        <li><a href="javascript:;"><span class="local-icon4"></span><span>一日游</span></a></li>
        <li><a href="javascript:;"><span class="local-icon5"></span><span>当地攻略</span></a></li>
    </ul>
    <!-- 主导航栏 -->
    <nav>
        <div class="nav-common">
            <div class="nav-items">
                <a href="javascript:;">酒店</a>
            </div>
            <div class="nav-items">
                <a href="javascript:;">海外酒店</a>
                <a href="javascript:;">特价酒店</a>
            </div>
            <div class="nav-items">
                <a href="javascript:;">团购</a>
                <a href="javascript:;">民宿·客栈</a>
            </div>
        </div>
        <div class="nav-common">
            <div class="nav-items">
                <a href="javascript:;">机票</a>
            </div>
            <div class="nav-items">
                <a href="javascript:;">火车票</a>
                <a href="javascript:;">特价机票</a>
            </div>
            <div class="nav-items">
                <a href="javascript:;">汽车票·船票</a>
                <a href="javascript:;">专车·租车</a>
            </div>
        </div>
        <div class="nav-common">
            <div class="nav-items">
                <a href="javascript:;">旅游</a>
            </div>
            <div class="nav-items">
                <a href="javascript:;">门票</a>
                <a href="javascript:;">目的地攻略</a>
            </div>
            <div class="nav-items">
                <a href="javascript:;">邮轮旅行</a>
                <a href="javascript:;">定制旅行</a>
            </div>
        </div>
    </nav>
    <!-- 侧边导航 -->
    <ul class='subnav-entry'>
        <li>
            <a href="javascript:;">
                <span class='subnav-entry-icon'></span>
                <span>WIFI电话卡</span>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <span class='subnav-entry-icon icon2'></span>
                <span>保险·签证</span>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <span class='subnav-entry-icon icon3'></span>
                <span>外币兑换</span>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <span class='subnav-entry-icon icon4'></span>
                <span>购物</span>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <span class='subnav-entry-icon icon5'></span>
                <span>当地导航</span>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <span class='subnav-entry-icon icon6'></span>
                <span>自由行</span>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <span class='subnav-entry-icon icon7'></span>
                <span>境外玩乐</span>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <span class='subnav-entry-icon icon8'></span>
                <span>礼品卡</span>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <span class='subnav-entry-icon icon9'></span>
                <span>信用卡</span>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <span class='subnav-entry-icon icon10'></span>
                <span>更多</span>
            </a>
        </li>

    </ul>
    <!-- sales销售模块 -->
    <div class="sales">
        <div class="sales-hd">
            <span>热门活动</span>
            <a href="javascript:;">获取更多福利 &gt;</a>
        </div>
        <div class="sales-tu">
            <div>
                <a href="javascript:;"> <img src="./upload/pic1.jpg" alt=""></a>
                <a href="javascript:;"> <img src="./upload/pic2.jpg" alt=""></a>
            </div>
            <div>
                <a href="javascript:;"> <img src="./upload/pic3.jpg" alt=""></a>
                <a href="javascript:;"> <img src="./upload/pic4.jpg" alt=""></a>
            </div>
            <div>
                <a href="javascript:;"> <img src="./upload/pic5.jpg" alt=""></a>
                <a href="javascript:;"> <img src="./upload/pic6.jpg" alt=""></a>
            </div>
        </div>
    </div>
    <!-- 下载回复栏 -->
    <div class="svg">
        <a href="javascript:;">
            <span></span>
            <span>电话预定</span>
        </a>
        <a href="javascript:;">
            <span></span>
            <span>下载客户端</span>
        </a>
        <a href="javascript:;">
            <span></span>
            <span>我的</span>
        </a>
    </div>
    <!-- 底部 -->
    <div class="end">
        <a href="javascript:;">
            网站地图
        </a>|
        <a href="javascript:;">
            <span></span> Language
            <span></span>
        </a>|
        <a href="javascript:;">
            电脑版
        </a>
    </div>
    <p class="footer">©2020携程旅行｜沪ICP备08023580号</p>
</body>

</html>